import React,{useState,useEffect,} from 'react';
import { useNavigate } from 'react-router-dom';
import axios from 'axios'

import { Button, Input, Form, Image, Checkbox } from 'react-vant';
import { DotLottieReact } from '@lottiefiles/dotlottie-react';
const src = 'https://tse1-mm.cn.bing.net/th/id/OIP-C.U1ukD5Nd8UcJV3suV9fsXwHaHb?w=171&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7'
import style from './login.module.css'
import ZinUserLogin from '../component/zinUserLogin';
export default function login() {

  return <div className={style.div}>
    <Image src={src} className={style.img} />
    <p className={style.p}>欢迎来到zin网</p>
    <ZinUserLogin></ZinUserLogin>
      <div>
        <p className={style.p1}>— 其他登录方式 —</p>
        <div className={style.div1}>
            <Image src='https://tse3-mm.cn.bing.net/th/id/OIP-C.Of4Ie6HRpvgvUAArPxHGsgHaHa?w=184&h=183&c=7&r=0&o=5&dpr=1.5&pid=1.7'
            className={style.img1}
            />
              <Image src='https://tse1-mm.cn.bing.net/th/id/OIP-C.lInKl6dTF_Ip_3TrUqxB_QAAAA?w=183&h=183&c=7&r=0&o=5&dpr=1.5&pid=1.7'
            className={style.img2}
            />
            <Image src='https://tse3-mm.cn.bing.net/th/id/OIP-C.USjdcwkNAc-tq7ybA69t0wHaGN?w=256&h=213&c=7&r=0&o=5&dpr=1.5&pid=1.7'
              className={style.img3}
            />
        </div>
      </div>
      
      <DotLottieReact 
      className={style.DotLottieReact}
      src='https://lottie.host/812e7819-9f63-4498-a22c-a1f2e2e42720/sZUTI5E0Gg.lottie'
      loop
      autoplay
      />
  </div>
}